<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>巨能拼(JNPin.com)-团购拼单、经济实惠、配送及时、快乐购物！</title>
    <meta name="description" content="巨能拼商城-专业的综合团购拼单购物商城,销售家电、通讯、电脑、家居百货、服装等品牌优质商品。" />
    <meta name="keywords" content="网上购物,团购,数码,母婴,洗护,衣装,医药,美妆,运动" />
    <script src="js/jquery.min.js"></script>
    <!-- icon -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- css -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- js -->
    <script src="js/animate.js"></script>
    <script src="js/index.js"></script>
    <script src="js/common.js"></script>
</head>

<body>
    <!-- 头部导航栏 -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>巨能拼欢迎您！ &nbsp;</li>
                    <li>
                        <a href="login.html">请登录 &nbsp;</a>
                        <a href="register.html" class="style_red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul class="slide">
                    <li>我的订单</li>
                    <li></li>
                    <li class="arrow-icon">
                        <a>我的巨能拼</a>
                        <ul class="slide-item logined">
                            <li><a href="infomation.html">我的资料</a></li>
                            <li><a href="">我的问答</a></li>
                            <li><a href="">我的优惠券</a></li>
                        </ul>
                    </li>
                    <li></li>
                    <li>巨能拼会员</li>
                    <li></li>
                    <li>企业采购</li>
                    <li></li>
                    <li class="arrow-icon">
                        <a>关注巨能拼</a>
                        <ul class="slide-item">
                            <li><a href="">官方公众号</a></li>
                            <li><a href="">手机巨能拼</a></li>
                        </ul>
                    </li>
                    <li></li>
                    <li class="arrow-icon">
                        <a>客户服务</a>
                        <ul class="slide-item">
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">在线客服</a></li>
                            <li><a href="">意见建议</a></li>
                        </ul>
                    </li>
                    <li></li>
                    <li class="arrow-icon">
                        <a>网站导航</a>
                        <ul class="slide-item">
                            <li><a href="">合作招商</a></li>
                            <li><a href="">巨能拼社区</a></li>
                            <li><a href="">关于我们</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 头部 -->
    <header class="header w">
        <!-- SEO 优化 div -> h1 -> a -->
        <div class="logo">
            <h1>
                <a href="index.html" title="巨能拼">巨能拼</a>
            </h1>
        </div>
        <div class="pop">
            <p></p>
        </div>
        <div class="search">
            <input type="search" name="" id="" placeholder="语言开发">
            <button>搜索</button>
        </div>
        <div class="hotwords">
            <a href="#" class="style_red">双十一优惠购</a>
            <a href="#">百亿补贴</a>
            <a href="#">6.6超值团购</a>
            <a href="#">满199减39</a>
            <a href="list.html">手机</a>
            <a href="#">秋装</a>
            <a href="#">医药</a>
        </div>
        <div class="shopcar">
            <a href="car.html">我的购物车</a>
            <i class="count">3</i>
        </div>
    </header>
    <!-- 导航栏 -->
    <nav class="nav">
        <div class="w">
            <div class="dropdown">
                <div class="dt">全部商品分类</div>
                <div class="dd">
                    <ul>
                        <li><a href="#">家用电器</a> </li>
                        <li><a href="list.html">手机</a><a href="#">、数码</a><a href="#">、通信</a> </li>
                        <li><a href="#">电脑、办公</a> </li>
                        <li><a href="#">家居、家具、家装、厨具</a> </li>
                        <li><a href="#">男装、女装、童装、内衣</a> </li>
                        <li><a href="#">个户化妆、清洁用品、宠物</a> </li>
                        <li><a href="#">鞋靴、箱包、珠宝、奢侈品</a> </li>
                        <li><a href="#">运动户外、钟表</a> </li>
                        <li><a href="#">汽车、汽车用品</a> </li>
                        <li><a href="#">母婴、玩具乐器</a> </li>
                        <li><a href="#">食品、酒类、生鲜、特产</a> </li>
                        <li><a href="#">医药保健</a> </li>
                        <li><a href="#">图书、音像、电子书</a> </li>
                        <li><a href="#">彩票、旅行、充值、票务</a> </li>
                        <li><a href="#">理财、众筹、白条、保险</a> </li>
                    </ul>
                </div>
            </div>
            <div class="navitems">
                <ul>
                    <li><a href="">今日爆款</a></li>
                    <li><a href="">限时秒杀</a></li>
                    <li><a href="">断码清仓</a></li>
                    <li><a href="">9块9特卖</a></li>
                    <li><a href="">每日拼团</a></li>
                    <li><a href="">百亿补贴</a></li>
                    <li><a href="">0元购</a></li>
                    <li><a href="">充值中心</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- Main -->
    <div class="w">
        <div class="main">
            <!-- 轮播图 -->
            <div class="focus">
                <a href="javascript:;" class="arrow-l"> &lt; </a>
                <a href="javascript:;" class="arrow-r"> &gt; </a>
                <ul>
                    <li>
                        <a href="#"><img src="images/bootstrap/1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/bootstrap/2.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/bootstrap/3.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/bootstrap/4.jpg" alt=""></a>
                    </li>
                </ul>
                <ol class="circle"></ol>
            </div>
            <div class="newsflash">
                <div class="news">
                    <div class="news-hd">
                        <h5>巨能拼资讯</h5>
                        <a href="" class="more">更多</a>
                    </div>
                    <div class="news-bd">
                        <ul>
                            <li><a href="#"><strong>[特惠]</strong>指定商品全部半价,快来订购</a></li>
                            <li><a href="#"><strong>[特惠]</strong>指定商品全部半价,快来订购</a></li>
                            <li><a href="#"><strong>[特惠]</strong>指定商品全部半价,快来订购</a></li>
                            <li><a href="#"><strong>[特惠]</strong>指定商品全部半价,快来订购</a></li>
                            <li><a href="#"><strong>[特惠]</strong>指定商品全部半价,快来订购</a></li>
                        </ul>
                    </div>
                </div>
                <div class="lifeservice">
                    <img src="./images/newsflash/1.png" alt="">
                </div>
                <div class="bargain">
                    <img src="./images/newsflash/2.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 推荐 -->
    <div class="w recom">
        <div class="recom-hd">
            <img src="./images/recommend/0.png" alt="">
        </div>
        <div class="recom-bd">
            <ul>
                <li><img src="./images/recommend/1.png" alt=""></li>
                <li><img src="./images/recommend/2.png" alt=""></li>
                <li><img src="./images/recommend/3.png" alt=""></li>
                <li><img src="./images/recommend/4.png" alt=""></li>
            </ul>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="w">
        <div class="like">
            <div class="like-hd">
                <div class="fl" style="font-size: 19px;">猜你喜欢</div>
                <div class="change">换一批 </div>
            </div>
            <div class="like-bd">
                <ul class="pic">
                    <li><img src="./images/belike/1.png" alt=""></li>
                    <li><img src="./images/belike/2.png" alt=""></li>
                    <li><img src="./images/belike/3.png" alt=""></li>
                    <li><img src="./images/belike/4.png" alt=""></li>
                    <li><img src="./images/belike/5.png" alt=""></li>
                    <li><img src="./images/belike/6.png" alt=""></li>
                </ul>
                <ul class="des">
                    <li>
                        阳光美包新款单肩包女<br>包时尚子母包四件套女
                        <p>￥99.00</p>
                    </li>
                    <li>
                        爱仕达 30CM炒锅不粘<br>锅NWG8330E电磁炉炒
                        <p>￥125.00</p>
                    </li>
                    <li>
                        捷波朗<br> （jabra）BOOSI劲步
                        <p>￥199.00</p>
                    </li>
                    <li>
                        欧普<br> JYLZ08面板灯平板灯铝
                        <p>￥239.00</p>
                    </li>
                    <li>
                        三星<br> （G5500）移动手机
                        <p>￥999.00</p>
                    </li>
                    <li>
                        韩国所望<br>紧致湿润精华露400ml
                        <p>￥749.00</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 楼层区 -->
    <div class="floor">
        <!-- 1 -->
        <div class="w first">
            <div class="box-hd">
                <h3>家用电器</h3>
                <div class="tab_list">
                    <ul>
                        <li><a href="#" class="style_red">热门</a>|</li>
                        <li><a href="#">大家电</a>|</li>
                        <li><a href="#">生活电器</a>|</li>
                        <li><a href="#">厨房电器</a>|</li>
                        <li><a href="#">生活电器</a>|</li>
                        <li><a href="#">个护健康</a>|</li>
                        <li><a href="#">应季电器</a>|</li>
                        <li><a href="#">空气/净水</a>|</li>
                        <li><a href="#">新奇特</a></li>
                    </ul>
                </div>
            </div>
            <div class="box-bd">
                <div class="tab_content">
                    <div class="tab_content_item">
                        <div class="col_210">
                            <ul>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">4k电视</a></li>
                                <li><a href="#">空气净化器</a></li>
                                <li><a href="#">IH电饭煲</a></li>
                                <li><a href="#">滚筒洗衣机</a></li>
                                <li><a href="#">电热水器</a></li>
                            </ul>
                            <a href="#">
                                <img src="./images/floor/first/2.png" alt="">
                            </a>
                        </div>
                        <div class="col_329">
                            <a href="#">
                                <img src="./images/floor/first/3.png" alt="">
                            </a>
                        </div>
                        <div class="col_221">
                            <a href="#">
                                <img src="./images/floor/first/4.png" alt="">
                            </a>
                        </div>
                        <div class="col_221">
                            <a href="#">
                                <img src="./images/floor/first/5.png" alt="">
                            </a>
                        </div>
                        <div class="col_219">
                            <a href="#">
                                <img src="./images/floor/first/6.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-fl">
                <a href="">
                    <img src="./images/floor/first/1.png" alt="">
                </a>
            </div>
        </div>
        <!-- 2 -->
        <div class="w second">
            <div class="box-hd">
                <h3>手机通讯</h3>
                <div class="tab_list">
                    <ul>
                        <li><a href="#" class="style_red">热门</a>|</li>
                        <li><a href="#">品质优选</a>|</li>
                        <li><a href="#">新机尝鲜</a>|</li>
                        <li><a href="#">高性价比</a>|</li>
                        <li><a href="#">口碑推荐</a>|</li>
                        <li><a href="#">合约机</a>|</li>
                        <li><a href="#">手机卡</a>|</li>
                        <li><a href="#">店铺精选</a>|</li>
                        <li><a href="#">手机配件</a></li>
                    </ul>
                </div>
            </div>
            <div class="box-bd">
                <div class="tab_content">
                    <div class="tab_content_item">
                        <div class="col_210">
                            <ul>
                                <li><a href="#">手机通讯</a></li>
                                <li><a href="#">以旧换新</a></li>
                                <li><a href="#">双卡双待</a></li>
                                <li><a href="#">自营配件</a></li>
                                <li><a href="#">金属机身</a></li>
                                <li><a href="#">高清屏幕</a></li>
                            </ul>
                            <a href="#">
                                <img src="./images/floor/second/2.png" alt="">
                            </a>
                        </div>
                        <div class="col_329">
                            <a href="#">
                                <img src="./images/floor/second/3.png" alt="">
                            </a>
                        </div>
                        <div class="col_221">
                            <a href="#">
                                <img src="./images/floor/second/4.png" alt="">
                            </a>
                        </div>
                        <div class="col_221">
                            <a href="#">
                                <img src="./images/floor/second/5.png" alt="">
                            </a>
                        </div>
                        <div class="col_219">
                            <a href="#">
                                <img src="./images/floor/second/6.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-fl">
                <a href="">
                    <img src="./images/floor/second/1.png" alt="">
                </a>
            </div>
        </div>
        <!-- 3 -->
        <div class="w third">
            <div class="box-hd">
                <h3>电脑办公</h3>
                <div class="tab_list">
                    <ul>
                        <li><a href="#" class="style_red">热门</a>|</li>
                        <li><a href="#">电脑/平板</a>|</li>
                        <li><a href="#">潮流影音</a>|</li>
                        <li><a href="#">智能外设</a>|</li>
                        <li><a href="#">DIY硬件</a>|</li>
                        <li><a href="#">电竞游戏</a>|</li>
                        <li><a href="#">办公\网络</a>|</li>
                        <li><a href="#">轻薄便携</a>|</li>
                        <li><a href="#">精选配件</a></li>
                    </ul>
                </div>
            </div>
            <div class="box-bd">
                <div class="tab_content">
                    <div class="tab_content_item">
                        <div class="col_210">
                            <ul>
                                <li><a href="#">SSD硬盘</a></li>
                                <li><a href="#">显示器</a></li>
                                <li><a href="#">机械硬盘</a></li>
                                <li><a href="#">台式机</a></li>
                                <li><a href="#">组装电脑</a></li>
                                <li><a href="#">配件专区</a></li>
                            </ul>
                            <a href="#">
                                <img src="./images/floor/third/2.png" alt="">
                            </a>
                        </div>
                        <div class="col_329">
                            <a href="#">
                                <img src="./images/floor/third/3.png" alt="">
                            </a>
                        </div>
                        <div class="col_221">
                            <a href="#">
                                <img src="./images/floor/third/4.png" alt="">
                            </a>
                        </div>
                        <div class="col_221">
                            <a href="#">
                                <img src="./images/floor/third/5.png" alt="">
                            </a>
                        </div>
                        <div class="col_219">
                            <a href="#">
                                <img src="./images/floor/third/6.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-fl">
                <a href="">
                    <img src="./images/floor/third/1.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 电梯导航 -->
    <div class="fixedtool">
        <ul>
            <li class="current">家用电器</li>
            <li>手机通讯</li>
            <li>电脑办公</li>
        </ul>
    </div>
    <div class="back">
        <ul>
            <li>返回顶部</li>
        </ul>
    </div>
    <!-- 疯抢 -->
    <div class="w crazy">
        <div class="crazy-hd">
            <div class="fl" style="font-size: 19px;">热门疯抢</div>
        </div>
        <div class="crazy-bd">
            <div class="col_239">
                <a href="">
                    <img src="./images/crazy/1.png" alt="">
                </a>
            </div>
            <div class="col_218">
                <a href="">
                    <img src="./images/crazy/2.png" alt="">
                </a>
            </div>
            <div class="col_218">
                <a href="">
                    <img src="./images/crazy/3.png" alt="">
                </a>
            </div>
            <div class="col_218">
                <a href="">
                    <img src="./images/crazy/4.png" alt="">
                </a>
            </div>
            <div class="col_297">
                <a href="">
                    <img src="./images/crazy/5.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer class="footer">
        <div class="w">
            <div class="mod_service">
                <ul>
                    <li>
                        <h5><img src="./images/footer/1.png" alt=""></h5>
                        <div>
                            <h4>正品保障</h4>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="./images/footer/2.png" alt=""></h5>
                        <div>
                            <h4>极速发货</h4>
                            <p>急速物流，急速送达</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="./images/footer/3.png" alt=""></h5>
                        <div>
                            <h4>售后无忧</h4>
                            <p>7天无理由退换货</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="./images/footer/4.png" alt=""></h5>
                        <div>
                            <h4>特色服务</h4>
                            <p>私人定制家电套餐</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="./images/footer/5.png" alt=""></h5>
                        <div>
                            <h4>帮助中心</h4>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd><a href="#">上门自提</a></dd>
                    <dd><a href="#">211限时达</a></dd>
                    <dd><a href="#">配送服务查询</a></dd>
                    <dd><a href="#">配送费收取标准</a></dd>
                    <dd><a href="#">海外配送</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="#">货到付款</a></dd>
                    <dd><a href="#">在线支付</a></dd>
                    <dd><a href="#">分期付款</a></dd>
                    <dd><a href="#">邮局汇款</a></dd>
                    <dd><a href="#">公司转账</a></dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">价格保护</a></dd>
                    <dd><a href="#">退款说明</a></dd>
                    <dd><a href="#">返修/退换货</a></dd>
                    <dd><a href="#">取消订单</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">夺宝岛</a></dd>
                    <dd><a href="#">DIY装机</a></dd>
                    <dd><a href="#">延保服务</a></dd>
                    <dd><a href="#">巨能拼E卡</a></dd>
                    <dd><a href="#">巨能拼通信</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><img src="./images/footer/code.png" alt=""></dd>
                    巨能拼官方
                </dl>
            </div>
            <div class="mod_copyright">
                <div class="links">
                    <a href="#">关于我们</a> | <a href="#">联系我们</a> | 联系客服 | 商家入驻 | 营销中心 | 手机巨能拼 | 友情链接 | 销售联盟 | 巨能拼社区 |
                    巨能拼公益 | English Site | Contact U
                </div>
                <div class="copyright">
                    地址：辽宁省大连市金州区金石路31号 电话：158 4856 6846 邮箱: 844191153@qq.com <br>
                    京ICP备0012138号 京公网安备012138121380
                </div>
            </div>
        </div>
    </footer>
</body>

</html>